 <style>
     .mt10 {
         position: relative;
         top: 7px;
     }

     .btn-buy {
         margin-left: 20px;
     }

     .btn-embossed {
         margin-top: 30px;
     }

     .open {
         align-items: stretch;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         padding: -15px !important;
         border-radius: 5px;
         width: 100%;
         padding: 3.5rem 1.5rem;
     }

     .open-body .title {
         color: #222;
         font-size: 26px;
         font-weight: bold;
     }

     .open-body.subtitle {
         color: #858996;
     }

     .open-body {
         margin-bottom: 15px;
     }

     .copyLight {
         border-radius: 100px !important;
         padding: 2px 10px !important;
         margin-left: 5px !important;
         background: none !important;
     }

     .api-item {
         margin-top: 15px;
     }

     .api-item span {
         display: block;
         font-weight: bold;
         color: #222;
         font-size: 16px;
         margin-bottom: 5px;
     }

     .api-item p {
         font-size: 12px;
         color: #999;
     }

     .api-item .col-sm-10 {
         padding-left: 32px;
     }

     .api-item span sub {
         top: 0;
         color: #b8b8b8;
         padding-left: 5px;
     }

     #ribbon {
         display: none !important;
     }

     .content {
         padding: 0 !important;
     }

     #app-secret,
     #c-app_key,
     .content_mask_change {
         font-size: 16px;
         font-weight: bold;
         color: #111;
     }
 </style>
 <div class="container open"
     style="background: url('https://img.huajuanyun.com/202005/20200606115816.png') center no-repeat;background-size: cover;">
     <div class="row">
         <div class="col-sm-1"></div>
         <div class="col-sm-11 open-body">
             <p class="title ">八恩科技开放平台，连接一切可能</p>
             <p class="subtitle">我们将提供丰富的API接口服务，与您一起打造最具竞争力的差异化产品</p>
         </div>
     </div>
     <div class="row">
         <div class="col-sm-1"></div>
         <!-- <div class="row">
             <div class="col-sm-2 api-item">
                 <div class="col-sm-2"><img src="https://img.huajuanyun.com/202005/20200606112126.png" width="42"></div>
                 <div class="col-sm-10"><span>会员数据</span>
                     <p>实时获取和新增平台会员信息，打通第三方系统实现会员数据互通</p>
                 </div>
             </div>
             <div class="col-sm-2 api-item">
                 <div class="col-sm-2"><img src="https://img.huajuanyun.com/202005/20200606112226.png" width="42"></div>
                 <div class="col-sm-10"><span>自营商城</span>
                     <p>实时获取自营商城板块实时订单和订单详情，打通第三方ERP系统</p>
                 </div>
             </div>
             <div class="col-sm-2 api-item">
                 <div class="col-sm-2"><img src="https://img.huajuanyun.com/202005/20200606112224.png" width="42"></div>
                 <div class="col-sm-10"><span>商品物料</span>
                     <p>提供相关淘客商品接口，例如疯抢榜、限时秒杀等可实现自主个性化调取</p>
                 </div>
             </div>
             <div class="col-sm-2 api-item">
                 <div class="col-sm-2"><img src="https://img.huajuanyun.com/202005/20200606112049.png" width="42"></div>
                 <div class="col-sm-10"><span>高佣授权</span>
                     <p>直接依托花卷云联盟工具商高级权限接口，可使用全部工具高级接口</p>
                 </div>
             </div>
             <div class="col-sm-2 api-item">
                 <div class="col-sm-2"><img src="https://img.huajuanyun.com/202005/20200606111955.png" width="42"></div>
                 <div class="col-sm-10"><span>超级转链</span>
                     <p>提供淘宝、京东、拼多多、唯品会、苏宁、考拉等多平台一键转链功能</p>
                 </div>
             </div>
         </div> -->

     </div>
 </div>
 <div class="alert alert-warning-light">
     <div class="row">
         <div class="col-sm-1"></div>
         <div class="col-sm-11">
             请妥善保管您的秘钥等信息
         </div>
     </div>
 </div>
 <div class="panel panel-default panel-intro">
     <div class="panel-body">
         <div id="myTabContent" class="tab-content">
             <div class="tab-pane fade active in" id="basic">
                 <div class="widget-body no-padding">
                     <form id="basic-form" class="edit-form form-horizontal" role="form" data-toggle="validator"
                         method="POST" action="openapi/setting/modify">
                         <div class="form-group "><label class="col-sm-2 control-label">余额：</label>
                             <div class="col-sm-8 col-xs-12">
                                 <div class="row">
                                     <div class="col-sm-8 col-xs-12 form-control-static">
                                         <span id="c-app_key">{$admins.money}元</span>

                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div class="form-group "><label class="col-sm-2 control-label">ua识别点数：</label>
                             <div class="col-sm-8 col-xs-12">
                                 <div class="row">
                                     <div class="col-sm-8 col-xs-12 form-control-static">
                                         <span id="c-app_key">{$admins.ua_num}点</span>

                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div class="form-group "><label class="col-sm-2 control-label">手机号：</label>
                             <div class="col-sm-8 col-xs-12">
                                 <div class="row">
                                     <div class="col-sm-8 col-xs-12 form-control-static">
                                         <span id="c-app_key">{$admins.username}</span>
                                         <button type="button" data-clipboard-text="{$admins.username}"
                                             data-toggle="tooltip" class="btn btn-xs btn-default copyLight copy"
                                             data-title="点击复制"><i class="fa fa-copy"></i> 复制
                                         </button>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div class="form-group content_mask_operate"><label
                                 class="col-sm-2 control-label">接口token</label>
                             <div class="col-sm-8 col-xs-12">
                                 <div class="row">
                                     <div class="col-sm-8 col-xs-12 form-control-static">
                                         <span id="secret" class="content_mask">{$admins.api_token}</span>

                                         <input id="c-api_token" class="form-control" name="row[api_token]"
                                             type="hidden" value="{$admins.api_token}">
                                         <button id="copy-app-secret" type="button"
                                             data-clipboard-text="{$admins.api_token}" data-toggle="tooltip"
                                             class="btn btn-xs btn-default copyLight copy" data-title="点击复制"><i
                                                 class="fa fa-copy"></i> 复制
                                         </button>
                                         <button id="reset-credit-pass" type="button" class="btn btn-xs btn-danger "
                                             data-title="点击重置"><i class="fa fa-set"></i> 重置
                                         </button>
                                     </div>
                                 </div>
                             </div>
                         </div>




                         <div class="form-group "><label class="col-sm-2 control-label"></label>

                             <button id="reset-credit-pass" type="button" class="btn  btn-success btn-doc"
                                 data-title="接口文档"><i class="fa fa-set"></i>
                                 接口文档
                             </button>

                         </div>
                     </form>
                 </div>
             </div>
         </div>
     </div>
 </div>